<!DOCTYPE html>
<html>
  <head>
    <title>表格</title>
    <script src="Downloads/jquery-3.2.0.min.js"></script>
    <style type="text/css">
table {border-collapse:collapse;}
table, th, td { border:1px solid #000;}
    </style>
  </head>
    <body>
      <table>
	<thead>
	  <th>表1</th>
	  <th>表2</th>
	  <th>表3</th>
	  <th>表4</th>
	</thead>
	<tbody>
	  <tr>
	    <td>列1</td>
	    <td>列2</td>
	    <td>列3</td>
	    <td>列4</td>
	  </tr>
	</tbody>

	<tbody>
	  <tr>
	    <td>列1</td>
	    <td>列2</td>
	    <td>列3</td>
	    <td>列4</td>
	  </tr>
	</tbody>
		
	<tbody>
	  <tr>
	    <td>列1</td>
	    <td>列2</td>
	    <td>列3</td>
	    <td>列4</td>
	  </tr>
	</tbody>

	<tbody>
	  <tr>
	    <td>列1</td>
	    <td>列2</td>
	    <td>列3</td>
	    <td>列4</td>
	  </tr>
	</tbody>
      </table>

<script>
$("tr:odd").css("background","#0f0");
$("tr:even").css("background","#0ff");
</script>
    </body>
</html>
